<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Whishlister</title>
<!-- add your meta tags here -->

<link href="css/my_layout.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 7]>
<link href="css/patch_my_layout.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript">
/************************************************************************************************************
(C) www.dhtmlgoodies.com, November 2005

This is a script from www.dhtmlgoodies.com. You will find this and a lot of other scripts at our website.	

Terms of use:
You are free to use this script as long as the copyright message is kept intact. However, you may not
redistribute, sell or repost it without our permission.

Thank you!

www.dhtmlgoodies.com
Alf Magne Kalleland

************************************************************************************************************/

var dhtmlgoodies_slideSpeed = 10;	// Higher value = faster
var dhtmlgoodies_timer = 10;	// Lower value = faster

var objectIdToSlideDown = false;
var dhtmlgoodies_activeId = false;
var dhtmlgoodies_slideInProgress = false;
function showHideContent(e,inputId)
{
	if(dhtmlgoodies_slideInProgress)return;
	dhtmlgoodies_slideInProgress = true;
	if(!inputId)inputId = this.id;
	inputId = inputId + '';
	var numericId = inputId.replace(/[^0-9]/g,'');
	var answerDiv = document.getElementById('dhtmlgoodies_a' + numericId);

	objectIdToSlideDown = false;
	
	if(!answerDiv.style.display || answerDiv.style.display=='none'){		
		if(dhtmlgoodies_activeId &&  dhtmlgoodies_activeId!=numericId){			
			objectIdToSlideDown = numericId;
			slideContent(dhtmlgoodies_activeId,(dhtmlgoodies_slideSpeed*-1));
		}else{
			
			answerDiv.style.display='block';
			answerDiv.style.visibility = 'visible';
			
			slideContent(numericId,dhtmlgoodies_slideSpeed);
		}
	}else{
		slideContent(numericId,(dhtmlgoodies_slideSpeed*-1));
		dhtmlgoodies_activeId = false;
	}	
}

function slideContent(inputId,direction)
{
	
	var obj =document.getElementById('dhtmlgoodies_a' + inputId);
	var contentObj = document.getElementById('dhtmlgoodies_ac' + inputId);
	height = obj.clientHeight;
	if(height==0)height = obj.offsetHeight;
	height = height + direction;
	rerunFunction = true;
	if(height>contentObj.offsetHeight){
		height = contentObj.offsetHeight;
		rerunFunction = false;
	}
	if(height<=1){
		height = 1;
		rerunFunction = false;
	}

	obj.style.height = height + 'px';
	var topPos = height - contentObj.offsetHeight;
	if(topPos>0)topPos=0;
	contentObj.style.top = topPos + 'px';
	if(rerunFunction){
		setTimeout('slideContent(' + inputId + ',' + direction + ')',dhtmlgoodies_timer);
	}else{
		if(height<=1){
			obj.style.display='none'; 
			if(objectIdToSlideDown && objectIdToSlideDown!=inputId){
				document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.display='block';
				document.getElementById('dhtmlgoodies_a' + objectIdToSlideDown).style.visibility='visible';
				slideContent(objectIdToSlideDown,dhtmlgoodies_slideSpeed);				
			}else{
				dhtmlgoodies_slideInProgress = false;
			}
		}else{
			dhtmlgoodies_activeId = inputId;
			dhtmlgoodies_slideInProgress = false;
		}
	}
}



function initShowHideDivs()
{
	var divs = document.getElementsByTagName('DIV');
	var divCounter = 1;
	for(var no=0;no<divs.length;no++){
		if(divs[no].className=='dhtmlgoodies_question'){
			divs[no].onclick = showHideContent;
			divs[no].id = 'dhtmlgoodies_q'+divCounter;
			var answer = divs[no].nextSibling;
			while(answer && answer.tagName!='DIV'){
				answer = answer.nextSibling;
			}
			answer.id = 'dhtmlgoodies_a'+divCounter;	
			contentDiv = answer.getElementsByTagName('DIV')[0];
			contentDiv.style.top = 0 - contentDiv.offsetHeight + 'px'; 	
			contentDiv.className='dhtmlgoodies_answer_content';
			contentDiv.id = 'dhtmlgoodies_ac' + divCounter;
			answer.style.display='none';
			answer.style.height='1px';
			divCounter++;
		}		
	}	
}
window.onload = initShowHideDivs;
</script>
</head>
<body>
  <div class="page_margins">
    <div id="main">
      <div id="col1">
        <div id="col1_content" class="clearfix">
   	    <div id="login_box">
                <form action="login" method="post" name="Login_form" target="_self">
                  <input name="username" type="text" value="username" class="txLogin"/>
                  <input name="password" type="password" value="password" class="txPassword"/>
                  <input type="image" src="images/freccia.png" alt="Submit button" width="29" height="29" class="freccia_login">
                </form>
                <p class="loginError">Username o password errati </p>
          </div>
          <div id="gestione_content">
          <h2>Gestione</h2>
          <img src="images/dot_lline.png" width="177" height="5" class="dot_line"/><br/>
          <a href="#" class="gestione_lnk">Vedi la Wishlist</a><br/>
          <a href="#" class="gestione_lnk">Aggiungi un item</a><br/>
          <a href="#" class="gestione_lnk">Cerca amici</a><br/>
          <br/>
          <h2>Altri link</h2>
          <img src="images/dot_lline.png" width="177" height="5" class="dot_line"/><br/>
          <a href="#" class="gestione_lnk">Vedi la Wishlist</a><br/>
          <a href="#" class="gestione_lnk">Aggiungi un item</a><br/>
          <a href="#" class="gestione_lnk">Cerca amici</a><br/>
          <p>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras accumsan, elit nec dapibus accumsan, neque turpis vestibulum elit, nec posuere metus eros id tellus. Quisque eget purus at elit bibendum malesuada id nec urna. Suspendisse potenti. Curabitur malesuada luctus eros, vitae placerat tellus ultricies vel. Donec sollicitudin, nulla eget elementum tincidunt, neque nunc blandit nibh, vitae placerat eros erat vel orci. 
          </p>
          </div>
        </div>
      </div>
      <div id="col3">
        <div id="col3_content" class="clearfix">
          <div id="header_title"><p class="txHeader">Benvenuto nel sito di Whishlist</p><br />
          </div>
          <div id="main_content">
          <img src="images/div_centrale_top.png" width="526" height="18" /> 
          <h1>Lista degli amici</h1>
           <table width="496" class="tableItemList" >
                  <tr>
                    <td width="36" rowspan="2" class="tdBull"><img src="images/user_icon.png" /></td>
                    <td colspan="3"><span class="descrizione">Utente_02</span><br />
					<a class="categoria" href="mailto:xcvzxc">utente_02@gmail.com</a></td>
                  </tr>
                  <tr>
                    <td colspan="3">
                    
                    <div class="dhtmlgoodies_question">Visualizza dettagli</div>
                    <div class="dhtmlgoodies_answer">
                        <div>
                              <table width="300" border="0px" >
                                  <tr>
                                    <td width="80"><span class="itemLabel">Nome: </span></td>
                                    <td width="204"><span class="itemLabel">Nome</span></td>
                                  </tr>
                                  <tr>
                                    <td><span class="itemLabel">Cognome: </span></td>
                                    <td><span class="itemLabel">Cognome</span></td>
                                  </tr>
                                  <tr>
                                    <td><span class="itemLabel">Città: </span></td>
                                    <td><span class="itemLabel">Città</span></td>
                                  </tr>
                                  <tr>
                                    <td><span class="itemLabel">Professione: </span></td>
                                    <td><span class="itemLabel">Professione</span></td>
                                  </tr>
                               </table>
                        </div>
                    </div><BR />
                    
                    </td>
                  </tr>
                  <tr>
                    <td width="36" rowspan="2" class="tdBull"><img src="images/user_icon.png" /></td>
                    <td colspan="3"><span class="descrizione">Utente_02</span><br />
					<a class="categoria" href="mailto:xcvzxc">utente_02@gmail.com</a></td>
                  </tr>
                  <tr>
                    <td colspan="3">
                    
                    <div class="dhtmlgoodies_question">Visualizza dettagli</div>
                    <div class="dhtmlgoodies_answer">
                        <div>
                              <table width="300" border="0px" >
                                  <tr>
                                    <td width="80"><span class="itemLabel">Nome: </span></td>
                                    <td width="204"><span class="itemLabel">Nome</span></td>
                                  </tr>
                                  <tr>
                                    <td><span class="itemLabel">Cognome: </span></td>
                                    <td><span class="itemLabel">Cognome</span></td>
                                  </tr>
                                  <tr>
                                    <td><span class="itemLabel">Città: </span></td>
                                    <td><span class="itemLabel">Città</span></td>
                                  </tr>
                                  <tr>
                                    <td><span class="itemLabel">Professione: </span></td>
                                    <td><span class="itemLabel">Professione</span></td>
                                  </tr>
                               </table>
                        </div>
                    </div><BR />
                    
                    </td>
                  </tr>
                </table>
          <img src="images/div_centrale_bottom.png" width="526" height="12" />
          </div>
        </div>
        <!-- IE Column Clearing -->
        <div id="ie_clearing"> &#160; </div>
      </div>
    </div>
    <!-- begin: #footer -->
    <div id="footer"><p>Footer (work in progress)</p>
    </div>
  </div>
</body>
</html>
